/*
Theme Name: Volantinopoli
Description: Tema ufficiale di "Volantinopoli"
Author: Sebastiano Raffa
Author URI: http://www.studionews24.com
Version: 1
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html body { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height: 21px; color: #444;}
p { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 23px; color: #444;text-align:justify; }
i { font-style: italic; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

strong { font-weight: bold;}

p { margin-bottom:10px;}

.pageflip_popup_link { margin-left: 70px; width: 500px; float: left;  text-align: center; background-color: rgb(227, 227, 227); border: 1px solid rgb(204, 204, 204); margin-top:20px; margin-bottom:20px;}
.pageflip_popup_link a { display:block; padding: 12px 7px;font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase; font-style: italic; font-size: 18px; color: rgb(151, 150, 150); text-shadow: 1px 0px rgb(255, 255, 255);  display: block;}
.pageflip_popup_link:hover { background-color: #688BAB; } 
.pageflip_popup_link a:hover { color: #fff; text-shadow:none !important; display: block; }

h2 { font-size:19px; padding-bottom:10px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px;}


#site { width: 960px; margin: 0 auto; padding:0;}

#branding { height: 264px; width: 960px; }

#navigation { width: 960px; height:40px; background-image: url("images/nav.png"); }

#slider-two { padding-left: 60px!important;height: 250px; width: 1130px !important; }

div#slider-two.mb-slider div.mb-panel { width: 230.4px; font-size: 0.8em !important; height: auto; }

div.mb-panel div.mb-inside img { height: 250px !important; width: 186px !important;}

html body.home div#site div.movingBoxes div.mb-scroll div#slider-two.mb-slider div.mb-panel { width: 226px !important; }

#branding h1 { background-image: url("images/logos.jpg"); background-repeat: no-repeat; width: 960px; height: 264px; }

#branding h1 a {     display: block;
    height: 183px;
    text-indent: -9999px;
    width: 383px; }



#scroller-container {
    position:relative;
    overflow:hidden; 
    background-color: #ececec;
    height:348px;
	margin-top: 15px;
	width: 960px;
}

#scroller {
    height:335px;
    margin-left:22px;
    
    width:800px;
    overflow:hidden; 
}

#scroller ul {
    width:800px;
    height:333px;
    overflow:hidden; 
}

#scroller ul li {
    width:800px;
    height:333px;
    float:left;
    list-style:none;
    overflow:hidden; 
}

.scroll-film {
    width:194px;
    height:305px;
    float:left;
    margin:0 1px;
    position:relative;
}

.scroll-thumb img {
    position:absolute;
    left:14px;
    bottom:31px;
    width:165px;
    height:250px;
}

.scroll-film h5 {
    color:#336600;
    position:absolute;
    top:7px;
    left:18px;
    width:165px;
}

.scroll-film-toolbar {
    position:absolute;
    bottom:8px;
    left:15px;
    width:165px;
    font-size:11px;
}

.scroll-film-continue {
    display:block;
    float:left;
}



#prevBtn, #nextBtn {
    margin-top:5px;
    display:block;
    position:absolute;
    width:22px;
    height:324px;
    cursor:pointer;
}

#prevBtn a, #nextBtn a {
    display:block;
    height:324px;
    text-indent:-10000px;
}

#prevBtn {
    left:0;
    top:0;
    background:url("images/prev.png") center center no-repeat;}

#nextBtn {
    right:0;
    top:0;
    background:url("images/next.png") center center no-repeat;}


#scroller { width: 800px; margin: 0 auto; padding: 0;}

.post-content ul { padding-left: 20px;margin-bottom: 10px; }
.post-content ul li {
    color: #444444;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 23px;
    padding-bottom: 4px;
}

#tabs_wrapper { margin-top:15px;}

#galleria { width: 963px; height: 44px; background-image: url("images/gallery.png");}
#galleria h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#6487aa;padding-left: 10px;  padding-top: 10px; width: 350px; float:left;}

#navigation ul li {
    border-right: 1px solid #8EA8CB;
    display: block;
    float: left;
    height: 17px;
    list-style: none outside none;
    padding: 10px 15px;
}
#navigation ul li a { color: #FFF; font-size: 14px; text-decoration: none; font-family: 'Orienta', sans-serif; text-shadow: 1px 0px #32577e; }
#navigation ul li:hover { background-color:#8ea8cb; }
#navigation ul { float:left; margin-top: 3px;padding-left: 0;}
#navigation .ultimo { border-right: none;border-right: 1px solid #8ea8cb;}
#navigation .home { border-left: none; }

input#s { height: 21px; padding:3px; color: #aaa; border: none; float: left; font-size:12px; width: 180px;}

input#searchsubmit { background-image: url("images/search.png"); text-indent: -9999px;width: 66px; height: 25px; display:block; cursor:pointer; border: none; height: 27px; width: 66px; }

form#searchform { width: 255px; float: right;padding-top: 7px; }

#unibox { width: 960px; background-color: #ececec; border-top: 1px solid #d4d4d4; }

#tabs_container {
    float: left;
    padding-bottom: 10px;
    width: 340px;
}
#tabs_container ul li {
    background-color: #FFFFFF;
    background-image: url("images/bullet.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 3px solid #CECECE;
    color: #A8A8A8;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    list-style: none outside none;
    margin-bottom: 15px;
	padding-left:25px;
	padding: 10px 10px 10px 25px;
    text-transform: uppercase;
    width: 295px;
}
#tabs_content_container{ width: 620px; float: right;}
.clear { clear:both; margin: 0; padding: 0;}

html body.single div#site div#sidebar { width: 240px; float: left; }

div#contents {     border: 1px solid #BBBBBB;
    float: right;
    margin-top: 15px;
    width: 700px;}

div#head {     background: url("images/bg_head.png") repeat-x scroll left top transparent;
    border-bottom: 2px solid #E3E3E3;
    height: 37px;
    line-height: 37px;
    margin: 1px;
    padding: 0 10px 1px;
}

div#titolo {     background: url("images/bg_head.png") repeat-x scroll left top transparent;
    border-bottom: 2px solid #E3E3E3;
    height: 37px;
    line-height: 37px;
    margin: 1px;
    padding: 0 10px 1px;
}


div#sidebar li {
    float: left;
    list-style: none outside none;
    width: 240px;
	border: 1px solid #B0B0B0;
	margin-top: 15px;
}

#head h4 {     color: #166C90;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal; margin-top:0px !important;}
	
#titolo h1 a {     color: #166C90;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal; text-decoration: none;}
	
#titolo h1 a:hover { text-decoration: underline;}

html body.single div#site div#content div#post {
	   float: left;
    list-style: none outside none;
	border: 1px solid #B0B0B0;
}
	
.post-content { padding:15px;}
div.fb-comments { margin: 15px;}	
#head { margin-bottom: 10px;}

#categories { float: right; width: 140px; margin-top: 10px; list-style: none outside none; }

#cat { float: right; width: 140px; padding: 3px 6px;  color: #444; margin-right:10px;list-style: none outside none; }

#content { background-color: #ececec;  border-top: 1px solid #d4d4d4; margin-top:15px; padding-bottom: 15px;}

#tabs_wrapper {
    width: 960px;
}
#partleft {
    border-bottom: 1px solid #ccc;
}
#tabs {
    list-style: none;
    padding: 5px 0 4px 0;
    margin: 0 0 0 10px;
    font: 0.75em arial;
}
#tabs li {
    display: inline;
}
#tabs li a {
   text-decoration: none;
   Color: #999;
   font-weight: bold;
   font-style: italic; 
   padding: 4px 4px;
}
#tabs li a:hover {
    background-color: #eeeeee;
    border-bottom: none;
}
#tabs li.active a {
   text-decoration: none;
   Color: #999;
   font-weight: bold;
   font-style: italic;  
}
#tabs li a:hover {
    background-color: #eeeeee;
    border-bottom: none
}
 

 
#tabs_content_container {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC;
    border-image: none;
    border-style: none solid solid;
    margin-right: 10px;
    padding: 10px;
    width: 550px;
	border: 3px solid #CECECE;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	line-height:20px;
}
.tab_content {
    display: none;
}

#image {     float: left;    margin: 35px 50px 15px 50px; margin-bottom: 15px; }
	
#footer {
    background-color: #688bab;
    border: 1px solid #607c9b;
    color: #FFFFFF;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 15px;
    text-align: center;
    width: 928px;
	float:left;
}

#contents-search { 
    border: 1px solid #BBBBBB;
    float: right;
    margin-top: 15px;
    width: 700px;
}
	
#footer p {
	    color: #FFF;
    font-size: 14px;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#footer a {
	color:#FFF;
}

#social { width: 280px; float: right; padding-top:10px; }

#facebook { width: 130px; float: left; }

#twitter { width: 150px; float: right; }


#sidebar { float: left; width: 240px;  }

div#wpcf7-f108-p7-o1.wpcf7 form.wpcf7-form p { font-weight:bold !important; font-size:12px; color: #111111 !important;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

span.wpcf7-form-control-wrap input.wpcf7-form-control {     background-color: #F4F4F4;
    border: 1px solid #CCCCCC;
    padding: 7px;
    width: 350px;}
	
span.wpcf7-form-control-wrap textarea.wpcf7-form-control {
	 background-color: #F4F4F4;
    border: 1px solid #CCCCCC;
    padding: 7px;
    width: 450px;}
	

div.submitt input.wpcf7-form-control { 
    background-color: #688BAB;
    border: 1px solid #607C9B;
    color: #FFFFFF;
    font-weight: bold;
    padding: 8px 12px;
    text-transform: uppercase;
}

.prettyMapList {
    float: left;
    height: auto;
    width: 670px;
}




